<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #heros{
            width: 800px;
            margin: 100px auto;
            text-align: center;
        }
        #heros tbody img{
            width: 50px;
        }
    </style>
</head>
<body>
    <table border="1" id="heros">
        <thead>
            <th>ID</th>
            <th>称谓</th>
            <th>英文名</th>
            <th>中文名</th>
            <th>位置</th>
            <th>是否周免</th>
            <th>头像</th>
            <th>声音</th>
        </thead>
        <tbody>
            <!-- <tr>
                <td>1</td>
                <td>黑暗之女</td>
                <td>Annie</td>
                <td>安妮</td>
                <td>mage</td>
                <td>否</td>
                <td>
                    <img src="https://game.gtimg.cn/images/lol/act/img/champion/Annie.png" alt="">
                </td>
                <td>
                    <audio controls src="https://game.gtimg.cn/images/lol/act/img/vo/choose/1.ogg"></audio>
                </td>
            </tr> -->
            
        </tbody>
    </table>
    <script src="./js/heros.js"></script>
    <script src="./js/LOL.js"></script>
</body>
</html>